<!doctype html>


<html>
<head>
  <link rel="shortcut icon" href="static/images/favicon.ico" type="image/x-icon">
  <title>imagelessroundedcorner.js (Closure Library API Documentation - JavaScript)</title>
  <link rel="stylesheet" href="static/css/base.css">
  <link rel="stylesheet" href="static/css/doc.css">
  <link rel="stylesheet" href="static/css/sidetree.css">
  <link rel="stylesheet" href="static/css/prettify.css">

  <script>
     var _staticFilePath = "static/";
  </script>

  <script src="static/js/doc.js">
  </script>

  <meta charset="utf8">
</head>

<body onload="prettyPrint()">

<div id="header">
  <div class="g-section g-tpl-50-50 g-split">
    <div class="g-unit g-first">
      <a id="logo" href="index.html">Closure Library API Documentation</a>
    </div>

    <div class="g-unit">
      <div class="g-c">
        <strong>Go to class or file:</strong>
        <input type="text" id="ac">
      </div>
    </div>
  </div>
</div>





<div class="colmask rightmenu">
<div class="colleft">
    <div class="col1">
      <!-- Column 1 start -->

<div id="title">
       <span class="fn">imagelessroundedcorner.js</span>
</div>

<div class="g-section g-tpl-75-25">
  <div class="g-unit g-first" id="description">
    Class definitions for imageless rounded corners.
  </div>
  

        <div class="g-unit" id="useful-links">
          <div class="title">Useful links</div>
          <ol>
            <li><a href="closure_goog_ui_imagelessroundedcorner.js.source.html"><span class='source-code-link'>Source Code</span></a></li>
          </ol>
        </div>
</div>

<h2 class="g-first">File Location</h2>
  <div class="g-section g-tpl-20-80">
    <div class="g-unit g-first">
      <div class="g-c-cell code-label">ui/imagelessroundedcorner.js</div>
    </div>
  </div>
<hr/>


  <h2>Classes</h2>
 <div class="fn-constructor">
        <a href="class_goog_ui_AbstractImagelessRoundedCorner.html">
          goog.ui.AbstractImagelessRoundedCorner</a><br/>
        <div class="class-details">Base class for various image-less rounded corner classes. Do not create
instances of this class. Instead, utilize
goog.ui.ImagelessRoundedCorner.create().</div>
 </div>
 <div class="fn-constructor">
        <a href="class_goog_ui_CanvasRoundedCorner.html">
          goog.ui.CanvasRoundedCorner</a><br/>
        <div class="class-details">Class for rendering a Canvas-based rounded corner (Gecko and Safari3+).
Horizontal and/or vertical fillers are added if the radius of the rounded
corner is less than the width and/or height of the containing element.
The line is drawn as a single, continuous line, starting with the horizontal
filler, then the arc, then finishing with the vertical filler.
Do not instantiate this class directly. Instead, use
goog.ui.ImagelessRoundedCorner.create().</div>
 </div>
 <div class="fn-constructor">
        <a href="class_goog_ui_VmlRoundedCorner.html">
          goog.ui.VmlRoundedCorner</a><br/>
        <div class="class-details">Class for rendering an imageless, VML-based rounded corner. Horizontal
and/or vertical fillers are added if the radius of the rounded corner is less
than the width and/or height of the containing element. The line is drawn as
a single, continuous line, starting with the horizontal filler, then the arc,
then finishing with the vertical filler. Do not instantiate this class
directly. Instead, use goog.ui.ImagelessRoundedCorner.create().</div>
 </div>
      
<br/>

  <div class="legend">
        <span class="key publickey"></span><span>Public</span>
        <span class="key protectedkey"></span><span>Protected</span>
        <span class="key privatekey"></span><span>Private</span>
  </div>


  <h2>Global Functions</h2>





<div class="section">
  <table class="horiz-rule">


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ImagelessRoundedCorner.create"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.ui.ImagelessRoundedCorner.</span><span class="entryName">create<span class="args">(<span class="arg">element</span>,&nbsp;<span class="arg">width</span>,&nbsp;<span class="arg">height</span>,&nbsp;<span class="arg">borderWidth</span>,&nbsp;<span class="arg">radius</span>,&nbsp;<span class="arg">location</span>,&nbsp;<span class="arg">borderColor</span>,&nbsp;<span class="arg">opt_backgroundColor</span>,&nbsp;<span class="arg">opt_domHelper</span>)</span>
        </span>
        &#8658; <div class="fullType"><span class="type"><a href="class_goog_ui_AbstractImagelessRoundedCorner.html">goog.ui.AbstractImagelessRoundedCorner</a></span><span>&nbsp;|&nbsp;</span><span class="type">undefined</span></div>
      </div>


     <div class="entryOverview">
       Returns an instance of goog.ui.ImagelessRoundedCorner that can render a
rounded corner, with the implementation varying depending on the current
platform. The rounded corner contains 3 components: horizontal filler, arc,
and vertical filler. Horizontal and/or vertical fillers are added if the
radius of the rounded corner is less than the width and/or height of the
containing element. This is a factory method for image-less rounded corner
classes.
     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/DOM/Element">Element</a></span></div>
        <div class="entryOverview">The container element for the rounded corner.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">width</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The width of the element excluding the border, in pixels.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">height</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The height of the element excluding the border, in pixels.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">borderWidth</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The thickness of the rounded corner, in pixels.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">radius</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">The radius of the rounded corner, in pixels. The radius must be less than or equal to the width or height (whichever is greater).</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">location</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
        <div class="entryOverview">Location of the rounded corner. This should be a value from goog.ui.ImagelessRoundedCorner.Corner: TOP_LEFT, TOP_RIGHT, BOTTOM_LEFT, or BOTTOM_RIGHT.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">borderColor</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span></div>
        <div class="entryOverview">The color of the rounded corner.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">opt_backgroundColor</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span></div>
        <div class="entryOverview">The background color of the rounded corner.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">opt_domHelper</span>
        : <div class="fullType"><span class="type"><a href="class_goog_dom_DomHelper.html">goog.dom.DomHelper</a></span></div>
        <div class="entryOverview">The DOM helper object for the document we want to render in.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span class="type"><a href="class_goog_ui_AbstractImagelessRoundedCorner.html">goog.ui.AbstractImagelessRoundedCorner</a></span><span>&nbsp;|&nbsp;</span><span class="type">undefined</span></div>&nbsp;
            Imageless rounded corner instance.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_ui_imagelessroundedcorner.js.source.html#line60">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>






  <td>
    <a name="goog.ui.VmlRoundedCorner.isShapeNode_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.ui.VmlRoundedCorner.</span><span class="entryName">isShapeNode_<span class="args">(<span class="arg">node</span>)</span>
        </span>
        &#8658; <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span></div>
      </div>


     <div class="entryOverview">
       Indicates if the specified node is a &#39;shape&#39; node.
     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">node</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Object">Object</a></span></div>
        <div class="entryOverview">The DOM node to inspect.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span></div>&nbsp;
            true if the node is an element node with the name &#39;shape&#39;, and false otherwise.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_ui_imagelessroundedcorner.js.source.html#line1017">code &raquo;</a>
  </td>
     </tr>


  </table>
</div>



  <h2>Global Properties</h2>





<div class="section">
  <table class="horiz-rule">


     <tr class="even entry public">
       <td class="access"></td>





  <a name="goog.ui.ImagelessRoundedCorner.Corner.ALL"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.ui.ImagelessRoundedCorner.Corner.</span><span class="entryName">ALL</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
     </div>


     <div class="entryOverview">
       Specifies all corners.
     </div>

  </td>


  <td class="view-code">
     <a href="closure_goog_ui_imagelessroundedcorner.js.source.html#line158">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>





  <a name="goog.ui.AbstractImagelessRoundedCorner.BORDER_WIDTH_FACTOR"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.ui.AbstractImagelessRoundedCorner.</span><span class="entryName">BORDER_WIDTH_FACTOR</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
     </div>


     <div class="entryOverview">
       Thickness constant used as an offset to help determine where to start
rendering.
     </div>

  </td>


  <td class="view-code">
     <a href="closure_goog_ui_imagelessroundedcorner.js.source.html#line343">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>





  <a name="goog.ui.ImagelessRoundedCorner.Corner.BOTTOM"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.ui.ImagelessRoundedCorner.Corner.</span><span class="entryName">BOTTOM</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
     </div>


     <div class="entryOverview">
       Specifies the bottom-left and bottom-right corners.
     </div>

  </td>


  <td class="view-code">
     <a href="closure_goog_ui_imagelessroundedcorner.js.source.html#line149">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>





  <a name="goog.ui.ImagelessRoundedCorner.Corner.LEFT"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.ui.ImagelessRoundedCorner.Corner.</span><span class="entryName">LEFT</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
     </div>


     <div class="entryOverview">
       Specifies the top-left and bottom-left corners.
     </div>

  </td>


  <td class="view-code">
     <a href="closure_goog_ui_imagelessroundedcorner.js.source.html#line122">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.ui.CanvasRoundedCorner.RADIANS_HALF_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.ui.CanvasRoundedCorner.</span><span class="entryName">RADIANS_HALF_</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
     </div>


     <div class="entryOverview">
       Half a radian.
     </div>

  </td>


  <td class="view-code">
     <a href="closure_goog_ui_imagelessroundedcorner.js.source.html#line623">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>





  <a name="goog.ui.CanvasRoundedCorner.RADIANS_ONE_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.ui.CanvasRoundedCorner.</span><span class="entryName">RADIANS_ONE_</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
     </div>


     <div class="entryOverview">
       One radian.
     </div>

  </td>


  <td class="view-code">
     <a href="closure_goog_ui_imagelessroundedcorner.js.source.html#line631">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.ui.CanvasRoundedCorner.RADIANS_THREE_HALVES_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.ui.CanvasRoundedCorner.</span><span class="entryName">RADIANS_THREE_HALVES_</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
     </div>


     <div class="entryOverview">
       Three halves of a radian.
     </div>

  </td>


  <td class="view-code">
     <a href="closure_goog_ui_imagelessroundedcorner.js.source.html#line639">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>





  <a name="goog.ui.CanvasRoundedCorner.RADIANS_TWO_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.ui.CanvasRoundedCorner.</span><span class="entryName">RADIANS_TWO_</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
     </div>


     <div class="entryOverview">
       Two radians.
     </div>

  </td>


  <td class="view-code">
     <a href="closure_goog_ui_imagelessroundedcorner.js.source.html#line647">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>





  <a name="goog.ui.ImagelessRoundedCorner.Corner.RIGHT"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.ui.ImagelessRoundedCorner.Corner.</span><span class="entryName">RIGHT</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
     </div>


     <div class="entryOverview">
       Specifies the top-right and bottom-right corners.
     </div>

  </td>


  <td class="view-code">
     <a href="closure_goog_ui_imagelessroundedcorner.js.source.html#line131">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>





  <a name="goog.ui.ImagelessRoundedCorner.Corner.TOP"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.ui.ImagelessRoundedCorner.Corner.</span><span class="entryName">TOP</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span></div>
     </div>


     <div class="entryOverview">
       Specifies the top-left and top-right corners.
     </div>

  </td>


  <td class="view-code">
     <a href="closure_goog_ui_imagelessroundedcorner.js.source.html#line140">Code &raquo;</a>
  </td>
     </tr>


  </table>
</div>



      <!-- Column 1 end -->
    </div>

        <div class="col2">
          <!-- Column 2 start -->
          <div class="col2-c">
            <h2 id="ref-head">Directory ui</h2>
            <div id="localView"></div>
          </div>

          <div class="col2-c">
            <h2 id="ref-head">File Reference</h2>
            <div id="sideFileIndex" rootPath="closure/goog" current="ui/imagelessroundedcorner.js"></div>
          </div>
          <!-- Column 2 end -->
        </div>
</div>
</div>

</body>
</html>
